<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/css.css" />
		<script type="text/javascript" src="js/viewprort.js"></script>
	</head>

	<body>
		<div class="item1">
			<div class="info">邀请好友数:10人<br /> 累计充值金额：XXXXX元
				<br /> 累计出借金额：XXXXX元
				<a href="#">获奖详情</a>
			</div>

			<div class="l_side">
				<div class="tit">2018年已经过去了155天，<br />快来看看你上半年的非凡经历吧！</div>
				<div class="txt">
					<p>上半年你投资了<b>365</b>次，<br /> 频频出手，风格老练。连钱要说：“谁都不跟，就跟你”钱要说：“谁都不跟，就跟你”
					<br /> 上半年，你在钱爸爸获得收益共计<b>360</b>元，
					<br /> 足够包下<b>365</b>月的共享单车，骑上<b>36560</b>公里</p>

					<!--<p>您还未登录，<br /> 马上登录可查看我的年中总结，
						<br /> 更有机会获取宝箱中的奖励~
					</p>
					<a href="#"></a>-->

				</div>
				<div class="imgbox">
					<!--<img src="images/img0.png"><img src="images/img1.png">
							<img src="images/img2.png">-->
							<img src="images/img3.png">
				</div>
			</div>

			<div class="r_side">
				<div class="tit">基于你不凡的表现，奉上给利宝箱</div>
				<div class="treasurebox">
					<img src="images/treasurebox.jpg">
				</div>

				<div class="number">剩余开箱机会：<b>3</b>次</div>

				<a href="#" class="btn_side b1"></a>
				<a href="#" class="btn_side b2"></a>

			</div>

			<div class="btnbox">
				<a href="#">活动已结束</a>&nbsp;&nbsp;&nbsp;
				<a href="#">活动已结束</a>
				<p><span>累计充值1万增加1次</span> <span>成功邀请1位好友增加1次</span></p>
			</div>

		</div>

		<div class="item2">
			<div class="tit"><img src="images/i2t.jpg">
				<p>看图猜2018上半年的大事件，<br />猜对就有机会拿到<b>888</b>元现金红包哦！</p>
			</div>

			<div class="ranking">
				<a href="#" class="btn_side"></a>
				<span class="w1">排名</span><span class="w2">账号</span><span class="w4">旺币数量</span>
				<div>
					<span class="w1">排名</span><span class="w2">账号</span><span class="w4">旺币数量</span>
					<span class="w1">排名</span><span class="w2">账号</span><span class="w4">旺币数量</span>
					<span class="w1">排名</span><span class="w2">账号</span><span class="w4">旺币数量</span>
				</div>

			</div>

			<div class="btnbox">
				<a href="#">活动已结束</a>&nbsp;&nbsp;&nbsp;
				<a href="#">活动已结束</a>
			</div>

		</div>

		<div class="item3" id="n3">
			<div class="tit"><img src="images/i3t.jpg"></div>
			<div class="i3box">
				<a href="#" class="btn_side"></a>
				<ul>
					<li><span><em>68</em>元</span>
						<p>单笔首借10000元</p>
					</li>
					<li><span><em>168</em>元</span>
						<p>单笔首借30000元</p>
					</li>
				</ul>
				<div class="btnbox">
					<a href="#">活动已结束</a>
				</div>

				<ul>
					<li><span><em>68</em>元</span>
						<p>好友单笔首借10000元</p>
					</li>
					<li><span><em>138</em>元</span>
						<p>好友单笔首借30000元</p>
					</li>
				</ul>
				<div class="btnbox">
					<a href="#">活动已结束</a>
				</div>
			</div>

		</div>

		<div class="item4" id="n4">
			<div class="tit"><img src="images/i4t.jpg">
				<p>充值攒旺币，“喜提”现金红包，<br />更有2%加息券和超级豪礼等着你！ </p>
			</div>
			<div class="lp">
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
			</div>
			<div class="ranking">
				<a href="#" class="btn_side"></a>
				<span class="w1">排名</span><span class="w2">账号</span><span class="w3">手机号</span><span class="w4">旺币数量</span>
				<div id="demo">
					<div id="demo1">
						<span class="w1">排名</span><span class="w2">账号</span><span class="w3">手机号</span><span class="w4">旺币数量</span>
					</div>
					<div id="demo2"></div>
				</div>
			</div>
			
			<div class="dengji">
				<div class="t">  <!--你当前共有<b>XXX</b>枚旺币，可获得现金红包<b>XX</b>元--><a href="#">登录</a>查看当前等级和奖励~</div>
				
				<!--未登录时隐藏-->
				<a href="#" class="jilu">获币记录</a>

				<ul style="display: none;">
					<li><span></span><img src="images/j1.png" alt="" /><p>下一等级为：xxx</p></li>
					<!--<li><span></span><img src="images/j2.png" alt="" /></li>
					<li><span></span><img src="images/j3.png" alt="" /></li>
					<li><span></span><img src="images/j4.png" alt="" /></li>
					<li><span></span><img src="images/j5.png" alt="" /></li>-->
				</ul>
				
				<!--未登录-->
				<!--<div class="all">
					<img src="images/all.png">
				</div>-->
				
				<!--等级不够-->
				<div class="pig">
					<img src="images/pig.png">
				</div>
				
				<div class="btnbox">
					<a href="#">活动已结束</a>
				</div>
				<div class="z">注：B为旺币个数　　　奖励金额为现金红包</div>
			</div>

		</div>
		
		<div class="item5">
			<div class="gift">
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
			</div>
			
			<a href="#" class="btn_side"></a>
			<div class="btnbox">
				<a href="#">活动已结束</a>
			</div>
			
		</div>
		
		<div class="item6">
			<div class="t"><img src="images/r.png"></div>
			<p>
				（1）不含债权转让、体验币；<br /> （2）本次活动期间使用不正当手段获得平台奖励的，一经发现，所获奖励全部取消；
				<br /> （3）本次活动结束后5个工作日内公布获奖名单，15个工作日内发放实物奖品；
				<br /> （4）用户需前往【会员中心】→【我的礼品】填写奖品收货地址，以活动期间填写的收货地址为默认发货地址；拒收则默认为放弃领取权利。
				<br /> （5）本活动最终解释权归钱爸爸所有。

			</p>
		</div>

		<script>
			function update(demo, demo1, demo2, speeds) {
				var demo = document.getElementById(demo);
				var demo1 = document.getElementById(demo1);
				var demo2 = document.getElementById(demo2);
				var speed = speeds; //滚动速度值，值越大速度越慢
				var nnn = 200 / demo1.offsetHeight;
				for(i = 0; i < nnn; i++) {
					demo1.innerHTML += "" + demo1.innerHTML
				}
				demo2.innerHTML = demo1.innerHTML //克隆demo2为demo1
				function Marquee() {
					if(demo2.offsetTop - demo.scrollTop <= 0) //当滚动至demo1与demo2交界时
						demo.scrollTop -= demo1.offsetHeight //demo跳到最顶端
					else {
						demo.scrollTop++ //如果是横向的 将 所有的 height top 改成 width left 
					}
				}
				var MyMar = setInterval(Marquee, speed); //设置定时器
				demo.onmouseover = function() {
					clearInterval(MyMar)
				} //鼠标经过时清除定时器达到滚动停止的目的
				demo.onmouseout = function() {
					MyMar = setInterval(Marquee, speed)
				} //鼠标移开时重设定时器
			}

			update("demo", "demo1", "demo2", 60);
		</script>
	</body>

</html>